<style lang='scss'>
</style>
<template>
  <div class="">
    <order-header v-bind:title="title">
      <template v-slot:tip><span>{{tip}}</span></template>
    </order-header>
    <router-view></router-view>
    <service-bar></service-bar>
    <nav-footer></nav-footer>
  </div>
</template>
<script>
import NavFooter from '../components/NavFooter.vue'
import OrderHeader from '../components/OrderHeader.vue'
import ServiceBar from '../components/ServiceBar.vue'
export default {
  components: { OrderHeader, NavFooter,ServiceBar },
  name:'order',
    ServiceBar,
  data() {
    return {
      title:'',
      tip:''
    }
  },
  mounted() {
    this.init();
    let path=this.$route.path;
    if(path=='/order/confirm'){
      this.title='订单确认'
      this.tip='请认真填写收货地址'
    }else if(path=='/order/list'){
      this.title='订单列表'
      this.tip='防止钓鱼网址'
    }else if(path=='/order/pay'){
      this.title='订单'
      this.tip='防止钓鱼网址'
    }
  },
  methods: {
    init() {
      
    }
  },
  computed: {
    
  }
}
</script>